<ui:composition template="/WEB-INF/templates/test-template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ats-std="http://java.sun.com/jsf/composite/components/student">

	<ui:define name="main-content">
	
		<h:form>
			<p:dashboard id="board" model="#{dashboardMB.model}" style="cell-padding:20px;">

				<p:panel id="sports" header="#{tstStudentsMB.firstEntity.firstName}" closable="true" toggleable="true" style="margin:20px">
					<ats-std:singleStudent
						selectedEntity="#{tstStudentsMB.firstEntity}" />
				</p:panel>

				<p:panel id="finance" header="#{tstStudentsMB.secondEntity.firstName}" closable="true" toggleable="true" style="margin:20px">
					<ats-std:singleStudent
						selectedEntity="#{tstStudentsMB.secondEntity}" />
				</p:panel>

				<p:panel id="lifestyle" header="#{tstStudentsMB.thirdEntity.firstName}" closable="true" toggleable="true" style="margin:20px;">
					<ats-std:singleStudent
						selectedEntity="#{tstStudentsMB.thirdEntity}" />
				</p:panel>

				<p:panel id="weather" header="#{tstStudentsMB.firstEntity.firstName}" closable="true" toggleable="true" style="margin:20px;">
					<ats-std:singleStudent
						selectedEntity="#{tstStudentsMB.firstEntity}" />
				</p:panel>

				<p:panel id="politics" header="#{tstStudentsMB.secondEntity.firstName}" closable="true" toggleable="true" style="margin:20px;">
					<ats-std:singleStudent
						selectedEntity="#{tstStudentsMB.secondEntity}" />
				</p:panel>

			</p:dashboard>
		</h:form>


	</ui:define>

</ui:composition>
